<template>
    <el-container direction="vertical">
        <HeaderPage></HeaderPage>

        <el-container class="aside-main">
            <LeftPage></LeftPage>

            <el-main>
                <router-view>

                </router-view>
            </el-main>
        </el-container>

        <FooterPage></FooterPage>

    </el-container>
</template>

<script>
import HeaderPage from '../public/Header.vue';
import LeftPage from '../public/Left.vue';
import FooterPage from '../public/Footer.vue';

export default {
    name: 'HomePage',
    data() {
        return {
            menuList: []
        }
    },
    components: {
        HeaderPage, LeftPage, FooterPage
    },
    created() {

    },
    methods: {
    }
}
</script>

<style>

.aside-main{
  height: 85%;
  overflow: scroll;
}

.el-main {
    background: #FFFFFF;
    height: 100%;
    overflow: scroll;
    color: #333;
    text-align: center;
    margin-left: 10px;
    padding: 0px 10px;
}
</style>